<!DOCTYPE html>
<html lang="en">

<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<meta http-equiv="X-UA-Compatible" content="ie=edge">
	<title>知医治</title>
	<link rel="Shortcut Icon" href="../imgs/Kat-icon.png">
	<!-- 引入bootstrap框架的样式文件 -->
	<link rel="stylesheet" href="../plugins/bootstrap/css/bootstrap.css" type="text/css">
	<link type="text/css" href="../css/login.css" rel="stylesheet" />
	<link rel="stylesheet" href="../css/alert.css">
</head>

<body>
	<div class="mt-tabpage" js-tab="3">
		<div class="mt-tabpage-title">
			<a href="javascript:;" class="mt-tabpage-item mt-tabpage-item-cur point">手机登录</a>
			<a href="javascript:;" class="mt-tabpage-item">密码登录</a>
			<a href="javascript:;" class="mt-tabpage-item">立即注册</a>
		</div>
		<div class="mt-tabpage-count">
			<ul class="mt-tabpage-cont__wrap">
				<li class="mt-tabpage-item">
					<div class="container">
						<div class="row">
							<div class="col-md-8" id="rightline">
								<div class="glyphicon glyphicon-phone" style="color: cadetblue;">&nbsp;</div>
								<input class="inp1" type="text" name="username" placeholder="请输入手机号码"><br>
								<div class="glyphicon glyphicon-comment" style="color: cadetblue;">&nbsp;</div>
								<input class="inp2" type="text" name="username" placeholder="请输入验证码">
								<button type="button" class="btn btn-success"
									style="height: 40px; margin-top:-3px;">获取验证码</button>
								<!-- <button type="button" class="btn btn-success" style="height: 40px; margin-top:-3px;">重新获取</button> -->
								<!-- <button type="button" class="btn btn-success" style="height: 40px; margin-top:-3px; background-color: rgb(179, 172, 171); border: 0px;">60s后重发</button> -->
								<br>
								<small>登录即代表同意<button class="alert-api-button alert-btn5"
										style="border: 0px;background-color: white;outline: none;">《知医治相关协议》</button></small>
								<br>
								<small>《法律声明及隐私权政策》</small><br>
								<button type="button" class="btn btn-success bt1">登&nbsp;&nbsp;录</button>
								<small class="glyphicon glyphicon-copyright-mark"
									style="padding-top: 40px; padding-left: 170px;">知医治--版权所有2019</small>
							</div>
							<div class="col-md-4">
								<img src="../imgs/activelogo.png" alt="图片加载失败">
								<h5><a href="index/index.html"><b>进入首页<b
												class="glyphicon glyphicon-menu-right"></b></b></a></h5>
								<h2>知医治</h2>
								<small
									style="font-family: yingwei;padding-left: 10px; color:rgb(201, 199, 199);">--身体不适&nbsp;需要治一治</small><br>


							</div><br>
						</div>
					</div>

				</li>
				<li class="mt-tabpage-item">
					<div class="container">
						<div class="row">
							<div class="col-md-8 " id="rightline">
								<div class="glyphicon glyphicon-user" style="color: cadetblue;">&nbsp;</div>
								<input class="inp1" type="text" name="username" placeholder="请输入手机号码/账号"><br>
								<div class="glyphicon glyphicon-lock" style="color: cadetblue;">&nbsp;</div>
								<input class="inp1" type="text" name="username" placeholder="请输入密码">
								<br>
								<input class="inp5" type="checkbox" name="check-box" /> <span
									style="font-size: 13px;color:rgb(201, 199, 199);">记住密码</span>
								<span style="padding-left: 120px">忘记密码?</span>
								<br>
								<small>登录即代表同意<button class="alert-api-button alert-btn5"
										style="border: 0px;background-color: white;outline: none;">《知医治相关协议》</button></small>
								<br>
								<small>《法律声明及隐私权政策》</small><br>

								<button type="button" class="btn btn-success bt1">登&nbsp;&nbsp;录</button>
								<small class="glyphicon glyphicon-copyright-mark"
									style="padding-top: 40px; padding-left: 170px;">知医治--版权所有2019</small>
							</div>
							<div class="col-md-4">
								<img src="../imgs/activelogo.png" alt="图片加载失败">
								<h5><a href="index/index.html"><b>进入首页<b
												class="glyphicon glyphicon-menu-right"></b></b></a></h5>
								<h2>知医治</h2>
								<small
									style="font-family: yingwei;padding-left: 10px; color:rgb(201, 199, 199);">--身体不适&nbsp;需要治一治</small><br>

							</div>
						</div>
					</div>
				</li>
				<li class="mt-tabpage-item">
					<div class="container">
						<div class="row">
							<div class="col-md-8 " id="rightline">
								<div class="glyphicon glyphicon-phone" style="color: cadetblue;">&nbsp;</div>
								<input class="inp1" ty-+ pe="text" name="username" placeholder="请输入手机号码"><br>
								<div class="glyphicon glyphicon-comment" style="color: cadetblue;">&nbsp;</div>
								<input class="inp4" type="text" name="username" placeholder="请输入验证码">
								<button type="button" class="btn btn-success"
									style="height: 40px; margin-top:-3px;">获取验证码</button>
								<!-- <button type="button" class="btn btn-success" style="height: 40px; margin-top:-3px;">重新获取</button> -->
								<!-- <button type="button" class="btn btn-success" style="height: 40px; margin-top:-3px; background-color: rgb(179, 172, 171); border: 0px;">60s后重发</button> -->
								<br>
								<div class="glyphicon glyphicon-lock" style="color: cadetblue;">&nbsp;</div>
								<input class="inp1" type="text" name="username" placeholder="请设置您的密码"><br>
								<input class="inp5" type="checkbox" name="check-box" /> <span
									style="font-size: 13px;color:rgb(201, 199, 199);">勾选即代表同意<button
										class="alert-api-button alert-btn5"
										style="border: 0px;background-color: white;outline: none;">《知医治相关协议》</button></span><br>
								<input class="inp5" type="checkbox" name="check-box" /> <span
									style="font-size: 13px;color:rgb(201, 199, 199);">注册后登录</span>
								<button type="button" class="btn btn-success bt1">注&nbsp;&nbsp;册</button>
								<small class="glyphicon glyphicon-copyright-mark"
									style="padding-top: 0px; padding-left: 170px;">知医治--版权所有2019</small>
							</div>
							<div class="col-md-4">
								<img src="../imgs/activelogo.png" alt="图片加载失败">
								<h5><a href="index/index.html"><b>进入首页<b
												class="glyphicon glyphicon-menu-right"></b></b></a></h5>
								<h2>知医治</h2>
								<small
									style="font-family: yingwei;padding-left: 10px; color:rgb(201, 199, 199);">--身体不适&nbsp;需要治一治</small><br>

							</div>
						</div>
					</div>
				</li>
			</ul>
		</div>
	</div>



	<!-- bootstrap中的js插件依赖于jquery框架,所以必须先引入jquery的js文件 -->
	<script src="../plugins/jquery/jquery.min.js"></script>
	<!--引入bootstrap的js文件-->
	<script src="../plugins/bootstrap/js/bootstrap.js"></script>
	<script type="text/javascript" src="../js/mt-tabpage.js"></script>
	<!-- 引入alert的js文件 -->
	<script src="../js/alert.js"></script>
	<script type="text/javascript">
		$(function () {
			$('[js-tab=3]').tab({
				curDisplay: 2,//当前第一个打开
				changeMethod: 'horizontal'//切换选项：默认default，horizontal，vertical，opacity这4种方式
			});

		});
	</script>
	<script>
		var M = {}
		$(document).delegate(".alert-btn5", 'click', function () {
			if (M.dialog5) {
				return M.dialog5.show();
			}
			M.dialog5 = jqueryAlert({
				'content': alertContent,
				'modal': true,
				'contentTextAlign': 'left',
				'width': '450px',
				'animateType': 'linear',
				'buttons': {
					'不同意': function () {
						M.dialog5.close();
					},
					'同意': function () {
						if (M.dialog51) {
							return M.dialog51.show();
						}
						M.dialog5.close();
						// window.location.href='index.html'
					}
				}
			})
		})
		var alertContent = '<div class="protocol">\
	   <h4 align="center" style="margin-top:0px;">知医治--用户协议</h4>\
	   <p>\
	    </p><h4>一、总则</h4>\
	    &nbsp;&nbsp;1.1  知医治的所有权和运营权归知医治科技有限公司所有。 <br>\
	    &nbsp;&nbsp;1.2  用户在注册之前，应当仔细阅读本协议，并同意遵守本协议后方可成为注册用户。一旦注册成功，则用户与知医治之间自动形成协议关系，用户应当受本协议的约束。用户在使用特殊的服务或产品时，应当同意接受相关协议后方能使用。  <br>\
	    &nbsp;&nbsp;1.3 本协议则可由知医治随时更新，用户应当及时关注并同意本站不承担通知义务。本站的通知、公告、声明或其它类似内容是本协议的一部分。  \
	   <p></p>\
	   <p>\
	   </p><h4>二、服务内容</h4>\
	   &nbsp;&nbsp;2.1 知医治的具体内容由本站根据实际情况提供。 <br>\
       &nbsp;&nbsp;2.2 本站仅提供相关的网络服务，除此之外与相关网络服务有关的设备(如个人电脑、手机、及其他与接入互联网或移动网有关的装置)及所需的费用均应由用户自行负担。\
      </div>'
	</script>
</body>

</html>